/*
  学习目标：组件通信-父传子
  通信:
    1. 传: 父
    2. 收: 子
  
*/
import React from 'react';

export default class Parent extends React.Component {
  state = {
    money: 1000,
  };

  handleMakeMoney = () => {
    this.setState({
      money: 1000 + this.state.money,
    });
  };

  render() {
    return (
      <div>
        <button onClick={this.handleMakeMoney}>爸爸开始赚钱了</button>
        {/* 1. 父组件通过props传递数据 */}
        <Child money={this.state.money}></Child>
      </div>
    );
  }
}

class Child extends React.Component {
  render() {
    return (
      <div>
        {/* 2. 子组件通过this.props.xxx接收数据 */}
        <h1>爸爸给我钱了：{this.props.money} </h1>
      </div>
    );
  }
}
